<div>
  <yu-panel title="委托配置">
    <template slot="right">
      <yu-toolBar>
        <el-button @click="addFn">新增</el-button>
        <el-button @click="modifyFn">修改</el-button>
        <el-button @click="deleteFn">删除</el-button>
      </yu-toolBar>
    </template>
    <yu-xform v-model="formdata" related-table-name="reftable" form-type="search" label-width="110px">
      <yu-xform-group :column="4">
        <yu-xform-item label="被委托人" placeholder="被委托人" ctype="input" name="otherUserId"></yu-xform-item>
        <yu-xform-item label="被委托人姓名" placeholder="被委托人姓名" ctype="input" name="otherUserName"></yu-xform-item>
        <yu-xform-item label="业务类型" placeholder="业务类型" ctype="input" name="bizType"></yu-xform-item>
      </yu-xform-group>
    </yu-xform>
    <el-table-x ref="reftable" :row-index="true" :base-params="baseParams" :data-url="urls.index"
      :table-columns="tableColumns">
    </el-table-x>
  </yu-panel>
  <el-dialog-x :title="viewTitle[viewType]" :visible.sync="addDialogVisible" width="750px">
    <el-form-x ref="reform" :group-fields="AddFields" label-width="110px">
    </el-form-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="saveAddFn()">确 定</el-button>
      <el-button @click="addDialogVisible = false">取 消</el-button>
    </div>
  </el-dialog-x>
  <el-dialog-x :title="viewTitle[viewType]" :visible.sync="updatedialogVisible" width="750px">
    <el-form-x ref="editform" :group-fields="updateFields" label-width="110px">
    </el-form-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="saveEditFn()">确 定</el-button>
      <el-button @click="updatedialogVisible = false">取 消</el-button>
    </div>
  </el-dialog-x>
  <!--被委托人选取列表框-->
  <el-dialog-x :title="viewTitle[title]" :visible.sync="dialogVisibleVicar" width="750px" @open="dialogOpen">
    <el-form-q ref="formq" form="queryVicar" :field-data="queryVicarFileds" search-table="vicarList"
      :buttons="vicarButtons"></el-form-q>
    <el-table-x ref="vicarList" :data-url="urls.vicarUrl" :base-params="vicarParams" :table-columns="vicarTableColumns">
    </el-table-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="returnVicar" v-if="title == 'OTHER'">选取返回</el-button>
      <el-button type="primary" @click="returnUser" v-if="title == 'USER'">选取返回</el-button>
    </div>
  </el-dialog-x>
  <el-dialog-x title="业务类型" :visible.sync="dialogVisibleBiz" height="360px" width="750px" @open="bizdialogOpen">
    <el-form-q ref="refFormq" :field-data="bizqueryFields" search-table="refTable" :buttons="bizqueryButtons">
    </el-form-q>
    <el-table-x ref="refTable" :data-url="urls.bizType" :table-columns="biztableColumns"></el-table-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="selectFn">选取返回</el-button>
    </div>
  </el-dialog-x>
</div>